<el-form :model="form" :label-width="formLabelWidth">

<el-form-item v-for="field in fieldsRequired" :key="field.name" :label="field.title">

  <el-input v-model="field.value" autocomplete="off" v-if="field.schema.type === `timetracking`" />

  <el-input v-model="field.value" autocomplete="off" v-if="field.schema.type === `string`" />

  <el-select
    v-model="field.value"
    filterable
    remote
    @visible-change="onselectionchange(field)"
    placeholder=""
    :remote-method="remoteMethod"
    :loading="loading"
  >
    <el-option
      :autocomplete="true"
      v-for="item in options"
      :key="item.value"
      :label="item.displayName"
      :value="item.accountId"
    >
      <div display="flex">
        <el-avatar
          size="small"
          fit="fill"
          :src="item.avatarUrls['32x32']"
        />
        <div style="margin-left: 10px; padding-bottom: 3px">{{ item.displayName }}</div>
      </div>
    </el-option>
  </el-select>
</el-form-item>

<el-form-item label="Add Comments" :label-width="formLabelWidth">
  <el-input :rows="3" type="textarea" v-model="form.comments" autocomplete="off" />
</el-form-item>
</el-form>
